<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:c="http://java.sun.com/jsp/jstl/core"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui">
    
    
  
        
<c:if test="#{concursosBean.esNuevo}" >
<h:form id="form">  
        
    
    <p:panel header="Nuevo concurso" id="panelCrear" style="text-align:left;">          
        <p:messages id="messages" /> 
        <p:inputText id="idx" value="#{concursosBean.id}" style="display:none;" />        
        <h:panelGrid columns="2" style="width:100%;" columnClasses="tdClassA, tdClassB" >
            <img src="recursos/imagenes/usuario.jpg" style="width:250px;" />
            
            <h:panelGrid columns="4"  id="matchGrid" style="width:100%; border:solid 1px silver; border-radius: 10px;" columnClasses="tdClass1,tdClass2,tdClass3">         
            

                <h:outputLabel for="nombre" id="nombreLbl" value="Nombre del concurso *" />              
                <p:inputText id="nombre" value="#{concursosBean.nombre}" />
                <h:outputText value="#{concursosBean.nombre}" style="color:red;" />
                <p:tooltip for="nombreLbl" value="pendiente" showEffect="clip" hideEffect="clip" />


                <h:outputLabel for="inicia" id="iniciaLbl" value="Fecha de inicio *" />              
                <p:calendar value="#{concursosBean.inicia}" pattern="MM/dd/yyyy  HH:mm" locale="es" navigator="true" />
                <h:outputText value="#{concursosBean.inicia}" style="color:red;" />
                <p:tooltip for="iniciaLbl" value="pendiente" showEffect="clip" hideEffect="clip" />


                <h:outputLabel for="finaliza" id="finalizaLbl" value="Fecha de fin *" />              
                <p:calendar value="#{concursosBean.finaliza}" pattern="MM/dd/yyyy  HH:mm" />
                <h:outputText value="#{concursosBean.finaliza}" style="color:red;" />
                <p:tooltip for="finalizaLbl" value="pendiente" showEffect="clip" hideEffect="clip" />



                <h:outputLabel for="publicidadInicia" id="publicidadIniciaLbl" value="Mostrar publicidad desde " />              
                <p:calendar value="#{concursosBean.publicidadInicio}" pattern="MM/dd/yyyy  HH:mm" locale="es" navigator="true" />
                <h:outputText value="#{concursosBean.inicia}" style="color:red;" />
                <p:tooltip for="publicidadIniciaLbl" value="pendiente" showEffect="clip" hideEffect="clip" />


                <h:outputLabel for="publicidadFin" id="publicidadFinLbl" value="Mostrar publicidad hasta*" />              
                <p:calendar value="#{concursosBean.publicidadFin}" pattern="MM/dd/yyyy  HH:mm" />
                <h:outputText value="#{concursosBean.publicidadFin}" style="color:red;" />
                <p:tooltip for="publicidadFinLbl" value="pendiente" showEffect="clip" hideEffect="clip" />


            </h:panelGrid>      
            
            <h:outputText value=""/>
            <h1>Bases del concurso</h1>
            <h:outputText value=""/>
            <p:editor id="editor" value="#{concursosBean.convocatoria}" width="600"/> 
            <h:outputText value="" style="color:red;" />
            
            
            
            <p:commandButton value="Crear concurso de programación" update="panelCrear" 
                             id="ajax"  icon="ui-icon-disk"
                             action="#{concursosBean.guardar}" />              
        </h:panelGrid>                
                
        <h:outputText value="" />
        <div style="border:solid 0px red; height:20px;"></div>
                
    </p:panel>    
</h:form>  
</c:if>    
    
</ui:composition>